<template>
	<view>
		<view class="banner">
			<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221201/c9a8377de3a94cd3b45279d0a6b4ebc7.jpg" mode="widthFix" class="b-cover"></image>
			<view class="b-title">营销型网站</view>
		</view>
		<view class="notice">
			<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/756748e63dff4e5e8a88e25256accd53.jpg" class="n-cover"></image>
			<view class="n-item">
				<view class="ni-desc">网站有人看,没人咨询?推广费花的多浪费的多?</view>
				<view class="ni-title">
					<view class="nit-ch">
						<text>一切问题的根本在于</text>
						<text class="yellow">网站没有营销力</text>
					</view>
					<view class="nit-en">The root of all problems is that the website has no marketing power</view>
				</view>
				<view class="ni-btn">网站没有营销力?一切推广白费力!</view>
			</view>
		</view>
		<view class="hr"></view>
		<view class="plan">
			<view class="p-title">纺扬为您策划具有营销力的好网站</view>
			<view class="p-desc">一个好的网站 ，能带来更多的咨询量和成交量</view>
			<view class="p-list">
				<view class="pl-box">
					<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/2b6f780b524d442baf5e3fade5cd99cb.jpg" class="plb-icon"></image>
					<view class="plb-title">精准定位</view>
					<view class="plb-title-en">Precise positioning</view>
					<text class="plb-desc">帮您网站做定位，\n梳理思路，清晰展现优 势，\n让您的产品更有竞争力</text>
				</view>
				<view class="pl-box">
					<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/6f28560aadd34645a62ad73d05c8fa4c.jpg" class="plb-icon"></image>
					<view class="plb-title">视觉设计</view>
					<view class="plb-title-en">Visual design</view>
					<text class="plb-desc">量身定制为您设计具有\n视觉冲击力的好网 站，\n减少访客对网站的跳出率</text>
				</view>
				<view class="pl-box">
					<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/1b273189fd8d4f44b5c8884b705060d7.jpg" class="plb-icon"></image>
					<view class="plb-title">营销理念</view>
					<view class="plb-title-en">Marketing concept</view>
					<text class="plb-desc">用营销的理念去\n规划网站，让网站\n处处引诱客户完成转化</text>
				</view>
				<view class="pl-box">
					<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/114f1eb584174c8ea6ef1899b0e16e6c.jpg" class="plb-icon"></image>
					<view class="plb-title">辅助运营</view>
					<view class="plb-title-en">Auxiliary operation</view>
					<text class="plb-desc">免费辅助运营，协助老板\n检查网站工作情况，制定\n薪酬架构，提供改善建议</text>
				</view>
			</view>
		</view>
		<view class="hr"></view>
		<view class="service">
			<view class="s-title">全程服务</view>
			<text class="s-desc">从前期到后期，我们时刻站在客户角度思考问题，\n从根本利益出发找寻突破口，并用创新的模式\n实施这一过程，让您拥有一次独特的用户体验。</text>
			<view class="s-list">
				<view class="sl-box blue">
					<view class="slb-title">1.项目前期</view>
					<view class="slb-content">
						<view class="slbc-cover">
							<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/585e6f0a60544bba88ff78a0c032d77e.jpg" mode="widthFix" style="width: 104rpx;"></image>
						</view>
						<text class="slbc-desc">提出意见\n需求分析\n项目定制方案\n签订定制服务合同</text>
					</view>
				</view>
				<view class="sl-box yellow">
					<view class="slb-title">2.项目执行</view>
					<view class="slb-content">
						<view class="slbc-cover">
							<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/ca0d038d21b44bc691837807fc0ae96c.jpg" mode="widthFix" style="width: 104rpx;"></image>
						</view>
						<text class="slbc-desc">细化需求\n确定设计\n项目开发\n测试调整</text>
					</view>
				</view>
				<view class="sl-box red">
					<view class="slb-title">3.项目验收及维护</view>
					<view class="slb-content">
						<view class="slbc-cover">
							<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/52d2af354982480db4832eaec0bb9016.jpg" mode="widthFix" style="width: 104rpx;"></image>
						</view>
						<text class="slbc-desc">试运行部署及培训\n项目验收确认析\n项目运行支持\n项目后期服务</text>
					</view>
				</view>
			</view>
		</view>
		<view class="hr"></view>
		<view class="benefit">
			<view class="b-title">一个好的营销型网站可以带给您什么？</view>
			<view class="b-desc">What can a good marketing website bring you?</view>
			<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/b7d19bbb098644299531a9e5b169c921.jpg" mode="widthFix" class="b-cover1"></image>
			<view class="b-item">
				<view class="bi-title">推广易，流量多</view>
				<view class="bi-desc">上线当月即可让您网站免费排名到百度首页</view>
				<view class="bi-list">
					<text class="red">8</text>
					<text>项国家专利，自主研发的建站系统</text>
				</view>
				<view class="bi-list">
					<text class="red">7</text>
					<text>大SEO优化系统，锁定搜索引擎让您的网站轻松上百度首页</text>
				</view>
				<view class="bi-list">
					<text class="red">6</text>
					<text>支专业营销策划团队，为您量身定做具备 营销力，行业高转化的好网站</text>
				</view>
			</view>
			<image src="https://ys-cc.oss-cn-chengdu.aliyuncs.com/upload/20221111/74b51e1582e845b282139ea5d1ae62ec.jpg" mode="widthFix" class="b-cover2"></image>
			<view class="b-item">
				<view class="bi-title">见效快，询盘高</view>
				<view class="bi-desc">让您的新网站成交力是老网站的20倍</view>
				<view class="bi-list">无策划。不建站，帮您做定位。挖卖点、塑价值，让您的网络营销事半功倍</view>
				<view class="bi-list">快速、成熟的网内优化矩阵模式，让您的网站跳出率降低60%</view>
				<view class="bi-list">让一切空洞的口号转化成实际的营销力、传播力、成交力</view>
			</view>
		</view>
		<Footers></Footers>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			// 设置TDK
			if (uni.getSystemInfoSync().uniPlatform == 'mp-baidu') {
				swan.setPageInfo({
					title: '营销型网站建设制作公司-网站设计与开发-纺扬网站建设',
					description: '专业营销型网站建设，推荐纺扬网站建设（☏:191-0267-1826），高端网站定制,10年经验沉淀,1对1项目制,7*24小时快速响应,一条龙建站服务,1000+客户的选择。',
					keywords: '营销型网站建设,营销型网站制作,营销型网站开发,营销型网站设计,纺扬网站建设'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	@import url("@/static/css/color.less");
	
	.notice {
		padding: 40rpx 24rpx;
		display: flex;
		align-items: center;
		
		.n-cover {
			width: 164rpx;
			height: 140rpx;
			margin-right: 10rpx;
		}
		
		.n-item {
			flex: 1;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			overflow: hidden;
			
			.ni-desc {
				width: 100%;
				font-size: 24rpx;
				white-space: nowrap;
				text-align: right;
			}
			
			.ni-title {
				width: 100%;
				margin-top: 20rpx;
				text-align: right;
				
				.nit-ch {
					font-size: 30rpx;
					font-weight: bold;
					color: @color-title-black;
					
					.yellow {
						color: @color-yellow;
					}
				}
				
				.nit-en {
					font-size: 14rpx;
					color: #999;
					margin-top: 10rpx;
				}
			}
			
			.ni-btn {
				margin-top: 29rpx;
				width: 424rpx;
				height: 44rpx;
				line-height: 44rpx;
				border-radius: 44rpx;
				background: @color-light-dark-toright-blue;
				color: #fff;
				font-size: 24rpx;
				text-align: center;
			}
		}
	}

	.plan {
		padding-top: 40rpx;
		
		.p-title {
			text-align: center;
			font-size: 36rpx;
			font-weight: bold;
		}
		
		.p-desc {
			text-align: center;
			font-size: 24rpx;
			color: @color-title-black;
			margin-top: 20rpx;
		}
		
		.p-list {
			margin-top: 40rpx;
			padding: 0 24rpx;
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			
			.pl-box {
				flex: 50% 0;
				margin-bottom: 39rpx;
				text-align: center;
				
				.plb-icon {
					width: 92rpx;
					height: 102rpx;
				}
				
				.plb-title {
					margin-top: 19rpx;
					text-align: center;
					font-size: 30rpx;
				}
				
				.plb-title-en {
					margin-top: 9rpx;
					position: relative;
					padding-bottom: 4rpx;
					font-size: 18rpx;
					color: #999;
					
					&::after {
						content: '';
						width: 20rpx;
						height: 2rpx;
						background-color: @color-blue;
						position: absolute;
						bottom: 0;
						left: 50%;
						transform: translateX(-50%);
					}
				}
				
				.plb-desc {
					margin-top: 20rpx;
					font-size: 24rpx;
					color: #999;
					display: block;
				}
			}
		}
	}

	.service {
		padding-top: 40rpx;
		
		.s-title {
			text-align: center;
			font-size: 36rpx;
			font-weight: bold;
		}
		
		.s-desc {
			margin-top: 20rpx;
			text-align: center;
			font-size: 24rpx;
			display: block;
			color: @color-title-black;
		}
		
		.s-list {
			margin: 40rpx 0;
			padding: 0 24rpx;
			display: flex;
			align-items: stretch;
			justify-content: space-between;
			
			.sl-box {
				flex: 224rpx 0;
				
				.slb-title {
					width: 100%;
					font-size: 30rpx;
					text-align: center;
					color: #fff;
					height: 48rpx;
					line-height: 48rpx;
				}
				
				.slb-content {
					height: 286rpx;
					border: 1rpx solid #e5e5e5;
					border-top: 0;
					overflow: hidden;
					
					.slbc-cover {
						width: 100%;
						height: 152rpx;
						display: flex;
						align-items: center;
						justify-content: center;
					}
					
					.slbc-desc {
						text-align: center;
						font-size: 24rpx;
						color: #666;
						display: block;
					}
				}
				
				&.blue {
					
					.slb-title {
						background-color: @color-blue;
					}
					
					.slb-content {
						border-bottom: 1rpx solid @color-blue;
					}
				}
				
				&.yellow {
					
					.slb-title {
						background-color: @color-yellow;
					}
					
					.slb-content {
						border-bottom: 1rpx solid @color-yellow;
					}
				}
				
				&.red {
					
					.slb-title {
						background-color: @color-red;
					}
					
					.slb-content {
						border-bottom: 1rpx solid @color-red;
					}
				}
			}
		}
	}

	.benefit {
		padding: 40rpx 0;
		
		.b-title {
			text-align: center;
			font-size: 36rpx;
			font-weight: bold;
		}
		
		.b-desc {
			text-align: center;
			font-size: 24rpx;
			color: @color-title-black;
			margin-top: 19rpx;
		}
		
		.b-cover1 {
			width: 420rpx;
			display: block;
			margin: 39rpx auto 0;
		}
		
		.b-item {
			margin-top: 19rpx;
			
			.bi-title {
				font-size: 36rpx;
				color: @color-red;
				padding: 0 24rpx;
			}
			
			.bi-desc {
				margin: 8rpx 0 40rpx;
				font-size: 30rpx;
				color: #666;
				padding: 0 24rpx;
			}
			
			.bi-list {
				font-size: 24rpx;
				margin-bottom: 20rpx;
				padding: 0 24rpx;
				
				.red {
					color: @color-red;
				}
			}
		}
		
		.b-cover2 {
			width: 382rpx;
			display: block;
			margin: 40rpx auto 0;
		}
	}
</style>
